<!DOCTYPE html>
<html>
    <head>
        <script src="./js/plotly-latest.min.js"></script>
    </head>
    <body>
        <div id="myPlot" style="width: 100%; max-width: 700px;height: 100%;"></div>
        <script>
            window.onload = function(){
                const xValues = []
                const yValues = []

                for(let x =0; x<= 10; x+=1){
                    xValues.push(x);
                    yValues.push(x);
                }

                const data = [{
                    x:xValues,
                    y:yValues,
                    mode:"lines"
                }]

                const layout = {title: "y=x"}
                
                Plotly.newPlot("myPlot",data,layout);
            }
        </script>
    </body>
</html>